<template>
  <view class="search-box">
    <uni-easyinput
      styleOther="margin-top: 10rpx;border-radius: 25rpx;"
      class="uni-mt-5"
      suffixIcon="search"
      placeholder="精选商品 / 优质权益，等你发现"
      @iconClick="goSearch"
      @focus="goSearch"
    />
  </view>
</template>

<script setup>
import {customNav} from "@/utils/customNav";

function goSearch() {
  // customNav(`/package_shopping/pages/shopping/search?first=全部&type=&name=`)
}
</script>
<style scoped lang="less">
@import "@/static/style/global.less";
.searchWrap {
  padding: 10rpx;
  background: #f6f8fc;
}
.search-box {
  position: sticky;
  top: 0;
  z-index: 88888;
  height: 100rpx;
  background: #fff;
  display: flex;
  padding: 5rpx 30rpx;
}
.TopSearch {
  font-size: 28rpx;
  padding: 20rpx 30rpx;
  margin: 20rpx;
  border-radius: 100rpx;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #999;
  box-shadow: 0 10rpx 15rpx rgba(0, 0, 0, 0.05);
  background-color: #fff;
}
</style>
